<template>
  <div id="login">
    <div class="containner flex item-center justify-around"><img :src="require('@/assets/img/login_bg.png')"
        class="rounded box-shadow">
      <div>
        <div class="gray weight text-xl">客户登录</div>
        <form>
          <div class="mt-20"><input type="text" v-model="customer.user_phone" placeholder="请输入手机号码"
              class="user_name hand"></div>
          <div class="my-20"><input type="password" v-model="customer.user_password" placeholder="请输入账户密码"
              class="user_pass hand"></div>
          <div><button type="button" class="btn-login hand" @click="customer_login"> 登 录 </button></div>
        </form>
      </div>
    </div>
  </div>
</template>

<script>
  import {
    mapState,
    mapActions
  } from 'vuex'
  export default {
    computed: {
      ...mapState(['customer'])
    },
    methods: {
      ...mapActions('customer', ['customer_login'])
    }

  }
</script>

<style scoped>
  @import '../../src/assets/css/login.css'
</style>
